<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="./style/product_list.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>The Canavas Danmu Wall</title>
</head>
<body>
<div id="container" style="background: #F1F3F5">
    <div id="nav">
        全网热卖
    </div>
    <ul id="productList">
        <li onclick='jumpDetail(0)'>
        <img alt='' src='imgs/img.png' />
        <div>
            <p>苹果  16 12GB+512GB 橙</p>
            <span><span>¥</span> 5999</span>
        </div>
        </li>
        <li onclick='jumpDetail(1)'>
            <img alt='' src='imgs/img_1.png' />
            <div><p>IQQO Neo11 12GB+512GB 雅川青</p>
                <span><span>¥</span> 5499</span>
            </div>
        </li>
        <li onclick='jumpDetail(2)'>
            <img alt='' src='imgs/ic_3.png' />
            <div>
                <p>HUAWEI Pura 70 Pro 12GB+512GB 雪域白</p>
                <span><span>¥</span> 6199</span>
            </div>
        </li>
        <li onclick='jumpDetail(3)'>
            <img alt='' src='imgs/ic_4.png' />
            <div>
                <p>HUAWEI MatePad Pro 13.2英寸2025柔光版WiFi 12GB+256GB 砚黑</p>
                <span><span>¥</span> 5699</span>
            </div></li>
        <li onclick='jumpDetail(4)'>
            <img alt='' src='imgs/ic_5.png' />
            <div><p>HUAWEI MatePad Pro 13.2英寸16GB+1TB曜金黑典藏版</p>
                <span><span>¥</span> 11799</span>
            </div>
        </li>
        <li onclick='jumpDetail(5)'>
            <img alt='' src='imgs/ic_6.png' />
            <div><p>Matebook E Go</p>
                <span><span>¥</span> 6288</span>
            </div>
        </li>
        <li onclick='jumpDetail(6)'>
            <img alt='' src='imgs/ic_6.png' />
            <div><p>Matebook E Go</p>
                <span><span>¥</span> 6288</span>
            </div>
        </li>
    </ul>
</div>
<script src="./js/product_list.js"></script>
</body>
</html>
